$(function () {

  // 切换注册和登录盒子互斥渲染
  $('#goto-register').on('click', () => {
    // 显示注册的盒子
    $('#register').stop().show()
  })

  $('#goto-login').on('click', () => {
    // 隐藏注册的盒子
    $('#register').stop().hide()
  })

  
  // 注册账号 为注册的表单绑定submit事件, 表单默认行为 刷新页面
  $('#register .layui-form').on('submit', async (e) => {
    e.preventDefault() // 阻止表单默认行为
    // 处理数据username=xxx&password=xxx ['username=xx,'password==']
    // 1. 获取用户名和密码
    // console.log($('#register input[name=username]').val(),	$('#register input[name=password]').val());
    const obj = {
      username: $('#register input[name=username]').val(),
      password: $('#register input[name=password]').val()
    }
    // 调用抽离后的注册的api
    const res = await reqPostRegister(obj)
    // 注册成功后隐藏注册form
    $('#register').stop().hide()
    /* 	console.log(res.data) //  响应结果中axios会默认包裹一层, 真正服务器响应的结果 .data
      status = 0 表示成功  message 
      const { data: { status, message } } = res
      console.log(status);
      console.log(message);
      if (status === 0) {
        layer.msg(message)
      } */
  })

  // 登录账号 为注册的表单绑定submit事件, 表单默认行为 刷新页面
  $('#login .layui-form').on('submit', async (e) => {
    e.preventDefault() // 阻止表单默认行为
    const obj = {
      username: $('#login input[name=username]').val(),
      password: $('#login input[name=password]').val()
    }
    // 调用抽离登录的api
    const res = await reqPostLogin(obj)
    // console.log(res)
    // 将token存储在本地, 下次调用别的接口用token
    sessionStorage.setItem('big-event-token', res.data.token)
    // location.href = './index.html'
    // 跳转到index页面
    if (res.data.status === 0) {
      location.href = '/index.html'
    }
    /* console.log('页面拿到了响应结果', res)
    const { data: { status, message } } = res
    if (status === 0) {
    layer.msg(message)
    location.href = './index.html'
    } */
  })

})